(function () {
	$(window).load(function(){
		var smallImg = $(".smallimg"); // 小图片
		var smallArea = $(".smallArea");//小区域
		var bigArea = $(".bigArea");//大区域
		var bigImg = $(".bigImg");//大图
		smallArea.css({
			height:smallImg.height()/bigImg.height()*bigArea.height(),
			width:smallImg.width()/bigImg.width()*bigArea.width()
		})
		smallImg.on("mouseenter",function(){
			smallArea.show()
			bigArea.show()
			$(document).on("mousemove",function(e){
				let mX=e.pageX-smallImg.offset().left-smallArea.width()/2
				let mY=e.pageY-smallImg.offset().top-smallArea.height()/2
				if(mX<=0){
					mX=0
				}
				if(mY<=0){
					mY=0
				}
				if(mX>=smallImg.width()-smallArea.width()){
					mX=smallImg.width()-smallArea.width()
				}
				if(mY>=smallImg.height()-smallArea.height()){
					mY=smallImg.height()-smallArea.height()
				}
				smallArea.css({
					left:mX,
					top:mY
				})
				let iScale=bigImg.height()/smallImg.height()
				bigImg.css({
					left:-mX*iScale,
					top:-mY*iScale
				})
			})
		}).on("mouseleave",function(){
			smallArea.hide()
			bigArea.hide()
			$(document).off("mousemove")
		})



		// $(".imgBtm>ul>li").on("click",function(){
		// 		// 	var str=$(this).find("img").attr("src")
		// 		// 	// console.log(str.replace("_1",""))
		// 		// 	// if($("smallul>li>img").attr("src")==str.replace("_1","")){
		// 		// 	//
		// 		// 	// }
		// 		// 	$(".smallul>li>img").removeAttr("src").prop("src",str.replace("_1",""))
		// 		// 	$(".bigArea>img").removeAttr("src").prop("src",str.replace("_1",""))
		// 		// })

		// $(".imgTop").on("mouseenter",function(){
		// 	$(".arrow").show()
		//
		// }).on("mouseleave",function(){
		// 	$(".arrow").hide()
		// })
		// $(".arrow a").eq(0).on("click",function(){
		// 	console.log($(this).parents(".imgTop").find(".smallul>li>img"))
		//
		//
		// })
	})
})()